<!-- Author:Rain -->
<template>
<div class="wrap">
    <Child :data="persons"></Child>
    <Child></Child>
</div>
</template>

<script setup lang="ts">
import Child from "@/components/Child.vue"
interface Person{
    name:string
    age:number
}
type P =Person[];

const persons:P=[
    {name:"xiaoyu",age:18},
    {name:"xiaoRou",age:19}
]


</script>

<style scoped>
.warp{
    height: 200px;
    background-color: skyblue;
    margin: 20px;
    box-shadow: 0 0 10px skyblue;
}
</style>